<template>
    <div>
        <div class="header">
            <div class="crumb">
                <div>
                    <i v-if="collapseFlag" class="el-icon-s-unfold" @click="_collapse"></i>
                    <i v-else class="el-icon-s-fold" @click="_collapse"></i>
                </div>
                <div style="margin-left: 20px;">
                    <el-breadcrumb separator-class="el-icon-arrow-right">
                        <el-breadcrumb-item>系统首页</el-breadcrumb-item>
                        <el-breadcrumb-item v-for="item in getCrumb" :key="item">{{item}}</el-breadcrumb-item>
                    </el-breadcrumb>
                </div>
            </div>
            <div class="head">
                <el-dropdown @command="loginOut">
                    <img src="../../../assets/img/header.png" style="width: 36px;border-radius: 10px;" alt="">
                    <el-dropdown-menu slot="dropdown">
                    <el-dropdown-item>退出</el-dropdown-item>
                </el-dropdown-menu>
                </el-dropdown>
            </div>
        </div>
    </div>
</template>

<script src="./Header.js"/>
<style scoped lang="less" src="./Header.less"/>
